博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax 分页完全代码整理
阅读量:6216 次
发布时间:2019-06-21

本文共 1943 字,大约阅读时间需要 6 分钟。

/* ajax分页 */var page_cur = 1; //当前页 var total_num, page_size, page_total_num;//总记录数,每页条数,总页数function getData(page) { //获取当前页数据     $.ajax({         type: 'GET',         url: 处理数据地址,         data: {             'page': page,             'catid': '{$video_info.catid}'         },         dataType: 'json',         success: function(json) {             $("#ul_lists").empty();             total_num = json.total_num; //总记录数             page_size = json.page_size; //每页数量             page_cur = page; //当前页             page_total_num = json.page_total_num; //总页数             var li = "";             var list = json.list;             $.each(list,             function(index, array) { //遍历返回json                var curid = {$video_info.id};                var cur = curid == array['id'] ? "class='cur'" : "";                li += "
  • " + array['title'] + ""+array['time']+"
  • "; }); $("#ul_lists").append(li); }, complete: function() { getPageBar(); //js生成分页,可用程序代替 }, error: function() { alert("数据异常,请检查是否json格式"); } }); }function getPageBar() { //js生成分页 if (page_cur > page_total_num) page_cur = page_total_num; //当前页大于最大页数 if (page_cur < 1) page_cur = 1; //当前页小于1 page_str = "共" + total_num + "条" + page_cur + "/" + page_total_num + ""; if(page_total_num > 1){ if (page_cur == 1) { //若是第一页 page_str += "首页上一页"; } else { page_str += "首页上一页"; } if (page_cur >= page_total_num) { //若是最后页 page_str += "下一页尾页"; } else { page_str += "下一页尾页"; } } $("#page").html(page_str); }$(function() { getData(1);//默认第一页 $("#page a").live('click', function() { //live 向未来的元素添加事件处理器,不可用bind var page = $(this).attr("data-page");//获取当前页 getData(page) });});

    数据处理端就正常的接收参数查询数据然后返回json前台处理

    转载于:https://www.cnblogs.com/bieanju/p/5908325.html

    你可能感兴趣的文章
    结构,是指事物自身各种要素之间的相互关联和相互作用的方式
    查看>>
    andoid电阻触摸移植
    查看>>
    备忘录模式
    查看>>
    U盘安装CentOS 7卡住在 mounting configuration file system
    查看>>
    《Java设计模式》之装饰模式
    查看>>
    android开发使用SQLite之写日记
    查看>>
    [生活] 日常英语学习笔记-NEVER HAVE I EVER游戏
    查看>>
    uva103 - Stacking Boxes(DAG)
    查看>>
    ACdream 1127(Base Station-树状数组-2个约束条件)
    查看>>
    【LFM】隐语义模型
    查看>>
    普通SQL语句可以用Exec执行
    查看>>
    Python提取MD5
    查看>>
    開始EEPlat之旅
    查看>>
    BootStrap 专题
    查看>>
    linux 下同步异步,堵塞非堵塞的一些想法
    查看>>
    原子变量的性能问题
    查看>>
    HDU4638:Group(线段树离线处理)
    查看>>
    Jenkins构建触发器
    查看>>
    COCOS学习笔记--即时动作ActionInstant
    查看>>
    The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path
    查看>>